簡介：學(xué)會實現(xiàn)側(cè)邊欄內(nèi)容效果展示，能夠讓你迅速進階。三個步驟:通過HTML、CSS實現(xiàn)側(cè)邊欄內(nèi)容布局；實現(xiàn)JavaScript代碼效果，使用面向?qū)ο蟮姆绞?；在JavaScript代碼預(yù)留位置，添加動畫效果。學(xué)會這些，躋身大網(wǎng)站程序員行列，身價倍增，趕快學(xué)習(xí)！
第1章 效果展示及實現(xiàn)步驟分析
明確側(cè)邊欄信息展示效果的運用位置，剖析實現(xiàn)這個效果的六大方面功能及實施步驟。
第2章 用HTML+CSS實現(xiàn)側(cè)邊欄頁面布局
本部分包括兩個內(nèi)容實現(xiàn)，首先實現(xiàn)的是側(cè)邊欄（Sidebar）菜單的布局，接下來實現(xiàn)的是菜單欄內(nèi)容項方面的布局。
第3章 使用JavaScript的構(gòu)造函數(shù)創(chuàng)建對象
本部分是課程中的難點部分，首先創(chuàng)建的是側(cè)邊欄對象，并對其進行驗證，接著創(chuàng)建菜單欄內(nèi)容項的對象。
第4章 側(cè)邊欄信息展示效果的動畫效果的添加
動畫實現(xiàn)包括打開和關(guān)閉側(cè)邊欄以及打開及關(guān)閉菜單內(nèi)容欄菜單項兩個大的模塊，動畫實現(xiàn)原理相同。